:root{--bg:#FFFC00;--card:#FFF;--text:#000;--gray:#333;--border:3px solid #000;--shadow:6px 6px 0 #000}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Fredoka',sans-serif;background-color:var(--bg);background-image:radial-gradient(circle at center,#FFFC00 0,#FFD500 100%);color:var(--text);height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center}main{width:90%;max-width:500px;background:var(--card);border:var(--border);border-radius:30px;padding:2.5rem 2rem;box-shadow:var(--shadow);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logo{width:80px;height:auto;filter:drop-shadow(2px 2px 0 #000)}.content h1{font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.2;margin-bottom:.75rem;font-weight:600}.content p{font-size:clamp(1rem,3vw,1.1rem);color:var(--gray);line-height:1.5;margin-bottom:1.5rem}.cta{display:inline-block;background:#000;color:var(--bg);text-decoration:none;font-weight:600;font-size:1.2rem;padding:1rem 2rem;border-radius:50px;border:var(--border);box-shadow:4px 4px 0 rgba(255,255,255,0.3);transition:transform .1s,box-shadow .1s;width:100%;max-width:300px}.cta:hover,.cta:focus{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(255,255,255,0.3);outline:none}.cta:focus-visible{outline:3px solid #fff;outline-offset:2px}#cb{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:90%;max-width:360px;background:var(--card);border:var(--border);border-radius:20px;padding:1rem;display:none;align-items:center;justify-content:space-between;gap:1rem;box-shadow:var(--shadow);z-index:99}#cb p{font-size:.85rem;text-align:left;line-height:1.3}#cb button{background:#000;color:#fff;border:none;padding:.5rem 1rem;border-radius:10px;font-family:inherit;font-weight:600;cursor:pointer;flex-shrink:0}#cb button:hover{opacity:.8}@media(max-height:600px){main{padding:1.5rem}h1{font-size:1.5rem}.logo{width:60px}}